<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:fragment="head(page)">
    <meta charset="utf-8">
    <title>[[${page}]]</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" th:href="@{/static/layui/css/layui.css}" media="all">
    <link rel="icon" th:href="@{/static/img/logo.jpg}">
    <script type="text/javascript" th:src="@{/static/layui/layui.js}"></script>
    <script type="text/javascript" th:src="@{/static/js/jquery-3.4.1.min.js}"></script>
    <script type="text/javascript" th:src="@{/static/js/vue.js}"></script>
</head>

<body style="background-image: linear-gradient(500rad,#a8edea,#fed6e3)">
<div th:fragment="body">
    <ul class="layui-nav">
        <li class="layui-nav-item"><a th:href="@{/index}">首页</a></li>
        <li class="layui-nav-item">
            <a th:href="@{/articles/category}">文章分类</a>
        </li>
        <li class="layui-nav-item"><a href="">标签</a></li>
        <li class="layui-nav-item"><a th:href="@{/articles/showArchived}">文章归档</a></li>
        <li class="layui-nav-item"><a href="">日志</a></li>
        <li class="layui-nav-item"><a href="">留言板</a></li>
        <li class="layui-nav-item layui-col-sm-offset2"><a th:href="@{/writeArticle}"
                                                           class="layui-icon layui-icon-edit">&nbsp;写文章</a></li>
        <li class="layui-nav-item layui-col-sm-offset3" lay-unselect="">
            <a href="javascript:;"><img th:src="@{/usr/do/{aId}(aId=${user!=null?user.id:1})}" class="layui-nav-img">[[${user!=null?user.nickname:'我'}]]</a>
            <dl class="layui-nav-child">
                <dd><a href="javascript:;">修改信息</a></dd>
                <dd><a href="javascript:;">安全管理</a></dd>
                <dd><a href="javascript:;">退了</a></dd>
            </dl>
        </li>
        <li class="layui-nav-item "><a th:href="@{/login}" th:if="${user==null}">登录</a></li>
    </ul>
</div>

</body>
</html>